<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div th:fragment="sidebar" id="sidebar">
    <div class="nav-navicon admin-main admin-sidebar">
        <div class="sideMenu am-icon-dashboard" style="color:#aeb2b7; margin: 10px 0 0 0;"> 欢迎系统管理员：</div>
        <div class="sideMenu">
            <h3 class="am-icon-flag  on"><em></em> <a href="#">商品管理</a></h3>
            <ul>
                <li><a href="/page/food">商品列表</a></li>
            </ul>
            <h3 class="am-icon-flag  on"><em></em> <a href="#">一级分类管理</a></h3>
            <ul>
                <li><a href="/page/category">一级分类列表</a></li>
            </ul>

            <h3 class="am-icon-cart-plus"><em></em> <a href="#"> 代练信息管理</a></h3>
            <ul>
                <li><a href="/training/getAll">代练信息列表</a></li>

            </ul>

            <h3 class="am-icon-cart-plus"><em></em> <a href="#"> 交易管理</a></h3>
            <ul>
                <li><a href="/training/findAll">交易列表</a></li>

            </ul>
            <h3 class="am-icon-users "><em></em> <a href="#">会员管理</a></h3>
            <ul>
                <li><a href="/page/user">会员列表</a></li>
            </ul>

            <h3 class="am-icon-flag  on"><em></em> <a href="#">答疑管理</a></h3>
            <ul>
                <li><a href="/page/doubt">答疑列表</a></li>
            </ul>

            <h3 class="am-icon-flag  on"><em></em> <a href="#">新闻管理</a></h3>
            <ul>
                <li><a href="/page/recipes">新闻列表</a></li>
            </ul>


            <h3 class="am-icon-flag  on"><em></em> <a href="#">保证金管理</a></h3>
            <ul>
                <li><a href="/money/getAll">保证金列表</a></li>
            </ul>

        </div>
        <script type="text/javascript">
            jQuery(".sideMenu").slide({
                titCell: "h3", //鼠标触发对象
                targetCell: "ul", //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
                effect: "slideDown", //targetCell下拉效果
                delayTime: 300, //效果时间
                triggerTime: 150, //鼠标延迟触发时间（默认150）
                defaultPlay: true,//默认是否执行效果（默认true）
                returnDefault: true //鼠标从.sideMen移走后返回默认状态（默认false）
            });
        </script>
    </div>
</div>

<div class="daohang" id="header">
    <ul>
        <li>
            <button type="button" class="am-btn am-btn-default am-radius am-btn-xs"> 首页 </button>
        </li>
        <li>
            <button type="button" class="am-btn am-btn-default am-radius am-btn-xs">帮助中心</button>
        </li>
        <li>
            <button type="button" class="am-btn am-btn-default am-radius am-btn-xs">奖金管理</button>
        </li>
        <li>
            <button type="button" class="am-btn am-btn-default am-radius am-btn-xs">产品管理</button>
        </li>
    </ul>
</div>

</body>
</html>